import React, { useState } from 'react';
import { Card, Button, Spin, Form, Col, Row, Select, message } from 'antd';
import {
    SettingOutlined, PlayCircleOutlined, CheckCircleOutlined, LineChartOutlined
    , FileDoneOutlined, ExclamationCircleOutlined, VerticalAlignBottomOutlined,
    FileTextOutlined
} from '@ant-design/icons';
import './index.scss';
function Console(props) {
    const [form] = Form.useForm();
    return (
        <div className="console-container">
            <div className="row-a1">
                <div className="left">
                    <div className="con-a1">
                        <Card title="系统概览">
                            <div className="list">
                                <div className="li">
                                    <div className="tit">
                                        系统状态
                                    </div>
                                    <div className="txt light">
                                        运行中
                                    </div>
                                </div>
                                <div className="li">
                                    <div className="tit">
                                        料架编号
                                    </div>
                                    <div className="txt">
                                        0001
                                    </div>
                                </div>
                                <div className="li">
                                    <div className="tit">
                                        服务器连接
                                    </div>
                                    <div className="txt light">
                                        已连接
                                    </div>
                                </div>
                                <div className="li">
                                    <div className="tit">
                                        配置状态
                                    </div>
                                    <div className="txt">
                                        已加载
                                    </div>
                                </div>
                            </div>
                        </Card>
                    </div>
                    <div className="con-a2">
                        <Card title={
                            <div className='title'>
                                <SettingOutlined style={{ color: '#08c' }} />
                                <span className="tit">控制系统</span>
                            </div>
                        } className="card-a1">
                            <Row>
                                <Col span={24}>
                                    <div className="start-btn btn">
                                        <PlayCircleOutlined />
                                        <span>
                                            启动系统
                                        </span>
                                    </div>
                                    <div className="pause-btn btn">
                                        <PlayCircleOutlined />
                                        <span>
                                            停止系统
                                        </span>
                                    </div>
                                </Col>
                                <Col span={24}>
                                    <div className="reset-btn btn">
                                        <PlayCircleOutlined />
                                        <span>
                                            启动系统
                                        </span>
                                    </div>
                                </Col>
                            </Row>
                        </Card>
                    </div>
                </div>
                <div className="right">

                </div>
            </div>
        </div>
    );
}

export default Console;